<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html">
    <meta charset="UTF-8">
    <!-- 首页去掉 meta -->
    <!-- <meta content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" name="viewport"> -->
    <title>健康科普</title>
    <!-- 每个页面必用 js css -->
    <script src="https://static.youlai.cn/js/newcommon/javascript/jquery1.11.1.min.js" type="text/javascript"></script>
    <script src="js/newcommon/wap/iphonex.min.js" type="text/javascript"></script>
    <link href="css/youlai/patient/common.css" rel="stylesheet" type="text/css">
    <!-- swiper -->
    <link href="css/newcommon/swiper/swiper5.4.1.min.css" rel="stylesheet" type="text/css">
    <script src="js/newcommon/swiper/swiper5.4.1.min.js" type="text/javascript"></script>
    <!-- This page -->
    <link href="css/youlai/patient/hot.css" rel="stylesheet" type="text/css">
</head>
<body>
<section class="fix-top">
    <header>
        <div class="header-wrap list-flex pos-r">
            <!-- 返回 -->
            <a href="javascript:history.go(-1)" class="icon-goback header-btn header-left-btn icon01"></a>
            <h2 class="list-bd">有来推荐</h2>
            <!-- 搜索 -->
            <a href="search.html" class="header-search-right"></a>
        </div>
    </header>
</section>
<section class="my-list-top1">
    <!-- banner ↓ -->
    <div class="idx-banner-wrap">
        <div class="swiper-container swiper-banner">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="javascript:;"><img src="images/youlai/patient/ceshi/hot_banner.jpg"></a></div>
                <div class="swiper-slide"><a href="javascript:;"><img src="images/youlai/patient/ceshi/hot_banner.jpg"></a></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
</section>
<section>
    <div class="hot-list-wrap list-flex-br">
        <div class="hot-li list-br3">
            <a href="" class="list-flex-in">
                <div>
                    <img src="images/youlai/patient/ceshi/hot_icon_01.png">
                    <p>急救百科</p>
                </div>
            </a>
        </div>
        <div class="hot-li list-br3">
            <a href="" class="list-flex-in">
                <div>
                    <img src="images/youlai/patient/ceshi/hot_icon_02.png">
                    <p>新冠肺炎</p>
                </div>
            </a>
        </div>
        <div class="hot-li list-br3">
            <a href="" class="list-flex-in">
                <div>
                    <img src="images/youlai/patient/ceshi/hot_icon_03.png">
                    <p>禁烟控烟</p>
                </div>
            </a>
        </div>
        <div class="hot-li list-br3">
            <a href="" class="list-flex-in">
                <div>
                    <img src="images/youlai/patient/ceshi/hot_icon_04.png">
                    <p>有来医选</p>
                </div>
            </a>
        </div>
        <div class="hot-li list-br3">
            <a href="" class="list-flex-in">
                <div>
                    <img src="images/youlai/patient/ceshi/hot_icon_05.png">
                    <p>科普纪录片</p>
                </div>
            </a>
        </div>
        <div class="hot-li list-br3"></div>
    </div>
</section>

<script>
    window.onload = function(){
        // banner 
        var bannerLength = $('.swiper-banner .swiper-slide').length;
        if(bannerLength > 1){
            bannerFun();
        }
    }
    // banner swiper
    function bannerFun(){
        var swiperBanner = new Swiper('.swiper-banner', {
            loop : true,
            autoplay: {
                disableOnInteraction: false,
            },
            pagination: {
                el: '.swiper-pagination',
            },
        });
    }
</script>

</body>
</html>



















